/*
 * @Author: DUST
 * @Date: 2023-06-20 09:44:10
 * @LastEditors: DUST
 * @LastEditTime: 2023-06-20 15:25:17
 * @FilePath: \national-standard-platform-alarm-screen\src\utils\ckThree\sceneRender.js
 * @Description: 
 * undefined
 */
import { WebGLRenderer, sRGBEncoding } from "three";
/**
 * @description: 初始化渲染器
 * @param {*} contanierDom:渲染Dom节点ID
 * @param {*} width：渲染容器宽度
 * @param {*} height：渲染容器高度
 */
const initRenderer = (contanierDom, width, height) => {
  const renderer = new WebGLRenderer({ 
    alpha:true,//渲染器透明
    antialias:true,//抗锯齿
    precision:'mediump',////着色器的精度。可以是"highp", "mediump" 或 "lowp". 默认为"highp"，如果设备支持的话。
   });
  renderer.setPixelRatio(window.devicePixelRatio); // 设置像素比
  // renderer.setPixelRatio(width / height);
  renderer.setSize(width, height);
  document.getElementById(contanierDom).appendChild(renderer.domElement);
  renderer.shadowMap.enabled = true;
  // renderer.shadowMapEnabled = true;
  renderer.outputEncoding = sRGBEncoding;

  return renderer;
}

export default initRenderer;